$(function () {
    init();
    function init() {
        eventLis();
        getShop();
        getArea();
    }
    function getShop() {
        $.ajax({
            type: "get",
            url: "http://193.112.55.79:9090/api/getgsshop",
            success: function (res) {
                console.log(res);
                let data = res.result;
                let html = template('tp1', { arr: data });
                $('.nan_main .mui-table-view').html(html);
            }
        });
    }

    function getArea() {
        $.ajax({
            type: "get",
            url: "http://193.112.55.79:9090/api/getgsshoparea",
            success: function (res) {
                console.log(res);
                let data = res.result;
                let html = template('tp2', { arr: data });
                $('.nan_main .mui-table-view').append(html);
                //默认就显示京东，华北
                getProduct({shopid:0,areaid:0});
            }
        });
    }
    let proObj={};
    //只有选择了两个的时候，传递两个参数才有数据出来
    function getProduct(proObj) {  
        $.ajax({
            type: "get",
            url: "http://193.112.55.79:9090/api/getgsproduct",
            data: {shopid:proObj.shopid,areaid:proObj.areaid},
            success: function (res) {
               
                if(res.result.length!=0){
                    //有数据的时候
                    console.log(res);
                    let data=res.result;
                    let html=template('tp3',{arr:data});
                    $('.product ul').html(html);
                    // window.onscroll=function () {  
                    //     // console.log("滚滚滚");

                    // }
                }
            }
        });
    }

    function eventLis() {
        $('.tab_bar').on('tap', 'li div', function () {
            //获取所有的li
            let lis=$('.tab_bar ul li');
            // console.log(lis);
            //将所有的li的mui-active类全部去掉
            lis.removeClass('mui-active');
            //获取当前点击的div的文本
            let html=$(this).html().trim();
            // console.log(html);
            //修改文本
            $(this).parent().find('a').html(html);
            //点击这个结构的时候，底下的内容能显示是因为li添加了一个mui-active类
            //需要点击内容的时候，全部隐藏掉，就是把mui-active去掉。
            //为了让内容撑开时高度不会撑开下面的内容，所以要加定位，脱标。absolute
            
            //点击的时候需要把当前的shopId,areaId传入
            //模板引擎，自定义属性，解析的时候，都是解析成小写
            let shop_id=$(this).data('shopid');
            let area_id=$(this).data('areaid');
            if(shop_id){
                //如果有的话,商店和地区是分开的，这两块只有一种自定义的属性
                //如果不判断，那么另一种的自定以属性肯定是undefine
                proObj['shopid']=shop_id;
            }
            if(area_id){
                proObj['areaid']=area_id;
            }
            console.log(proObj)
            //将proObj传递给getProduct()，然后获取数据
            getProduct(proObj);
        })
       
        $('footer .toTop').on('tap',function(){
            $(window).scrollTop(0);
            // console.log(123);
        })
    }

   

})